/* 颜色变量 */

/* 行为相关颜色 #ff6700 #83c44e #45b035*/
$color-primary: #ff6700;
$color-success: #83c44e;
$color-warning: #f0ad4e;
$color-error: #dd524d;

$color-main-1: #ff6700;
$color-main-2: #a8c90a;
$color-main-3: #ea1a56;
$color-main-4: #e24329;
$color-main-5: #fc6d26;
$color-main-6: #fca326;
$color-main-7: #f79400;
$color-main-8: #a5c500;
$color-main-9: #6cc644;
$color-main-0: #34a853;

$theme_color: #ff6700;

/* 文字基本颜色 */
$text-color: #333; //基本色
$text-color-inverse: #fff; //反色
$text-color-grey: #999; //辅助灰色，如加载更多的提示信息
$text-color-placeholder: #808080;
$text-color-disable: #c0c0c0;

/* 背景颜色 */
$bg-color: #ffffff;
$bg-color-grey: #f5f5f5;
$bg-color-gray: #b0b0b0;
$bg-color-hover: #f1f1f1; //点击状态颜色
$bg-color-mask: rgba(0, 0, 0, 0.5); //遮罩颜色

/* 边框颜色 */
$border-color: #e0e0e0;

/* 页面宽度 */
$page-width: 1200px;

// flex布局且垂直居中
%flex-align-center {
  display: flex;
  align-items: center;
}
